// import { red } from "_ansi-colors@1.1.0@ansi-colors";
var flag0 = false;
var flag1 = false;
var flag2 = false;
// 滑块验证部件的消失与显现
$(function () {
    $("#captcha").on("mouseenter", function () {
        $(".undefined").show()
        $(".block").show()
        $(".refreshIcon").show()
    }).on("mouseleave", function () {
        $(".undefined").hide()
        $(".block").hide()
        $(".refreshIcon").hide()
    })
})
//   滑块验证
$(function () {
    jigsaw.init({
        el: document.getElementById('captcha'),
        onSuccess: function () {
            $("#captcha").addClass("yzmtrue")
            flag0 = true;
            $(".radioBox").show();
            $(".submitBtn").show()

            $(".undefined").remove()
            $(".block").remove()
            $(".refreshIcon").remove()
            $(".slider").css({
                "position": "static",
            })
        },
    })

})
// 登录的表单提交
$(function () {
    $("form").validate({
        //规则
        rules: {
            uname: {
                required: true, //开启必填项
            },
            upwd: {
                required: true, //开启必填项
            }
        },
        // 提示信息
        messages: {
            uname:{
                required: "用户名不能为空", //开启必填项
            },
            upwd:{
                required: "密码不能为空",       
            }
        },
        // 提交
        submitHandler: function () {
            //验证不通过
            if (!(flag0)) {
                //判断问题  提示信息
                layer.msg('您必须先通过验证才能注册', {
                    icon: 5,
                    time:666,
                  }); 
                return false;
            }
            //把数据发送到后台
           var params=$("form").serialize();
            $.ajax({
                url: "api/login",
                type: "post",
                data: params,
                // 提示框
            }).then(function (res) {
                
                if(res.status==1){
                    $.cookie("tokenUser",JSON.stringify(res.data),{
                        expires:10
                    });
                    // 登录完跳转到主页
                    layer.msg('登录成功,正在跳转到主页面',{
                        icon:16,
                        time:999,
                    },function(){
                        window.location="./index.html"
                    }); 
                   
                }

            })

            
            return false;
        }
    })
})

